<script setup lang="ts">
import { inject, ref, type Ref } from 'vue';

// 逻辑
//子子组件
//2.inject函数类似鸿蒙的@Consume装饰器，后代组件接收数据
//inject第二个参数为数据的默认值，提供默认值后，这个undefined类型就可以被移除
//Ref<number>为ref（）函数返回值的类型，导入类型是typeRef
// const totalCount=inject<number>('totalCount',0)//这种写法也可以实现功能
  const totalCount=inject<Ref<number>>('totalCount',ref(0))//此写法更加规范
  const updateTotalCount=inject('updateTotalCount',(num:number)=>{})

</script>

<template>
  <div>
 <H4>后代{{ totalCount }}</H4>
 <button @click="totalCount++">后代修改</button>
 <button @click="updateTotalCount(10)">调用函数+10</button>
  </div>
</template>

